/*
[Contents]

	0- Global
	1- Header
	2- Footer
	3- Main Container
	4- Sidebar
	5- Main
*/

/* =0 Global
---------------------------------------------------------------------------------------------------------------------*/

/* =1 Header
---------------------------------------------------------------------------------------------------------------------*/
.topbar{
	border-bottom:1px dotted #CCC;
	height:32px;
	line-height:32px;
}
.topbar p.right a{
	padding:0 5px;
}
.header-panel{
	background:url(images/header-panel.png) no-repeat;
	color:#FFF;
	height:71px;
	margin-top:-1px;
	padding:1px 5px 0;
}
.search{
	margin-left:10px;
	line-height:39px;
}
.search label{
	font-weight:bold;
	padding-right:3px;
}
.search select{
	border:1px solid #0A5391;
	padding:1px;
}
.search input{
	border:1px solid #0A5391;
}
.search button{
	font-weight:bold;
}
.cart{
	background:url(images/cart.png) no-repeat;
	margin-top:3px;
	width:110px;
}
.cart > a{
	color:#FFF;
	display:block;
	font-weight:bold;
	line-height:33px;
	padding-left:40px;
}
.breadcrumb{
	color:#000;
	max-width:930px;
	overflow:hidden;
}
.breadcrumb li{
	float:left;
	margin-right:3px;
}
.breadcrumb a{
	margin-right:3px;
}
/* =2 Footer
---------------------------------------------------------------------------------------------------------------------*/
#footer{
	border-top:1px solid #CCC;
	padding-top:5px;
}
#footer p{
	text-align:center;
}
/* =3 Main Container
---------------------------------------------------------------------------------------------------------------------*/

/* =4 Sidebar
---------------------------------------------------------------------------------------------------------------------*/
.block{
	background:url(images/block-bg.png) no-repeat left bottom;
	padding-bottom:5px;
}
.block h5.title{
	background:url(images/block-title.png) no-repeat;
	height:32px;
	line-height:32px;
	padding:0 10px;
	text-transform:uppercase;
}
.block h5.title a{
	color:#000;
}
.block-content{
	background:#FFF;
	border:1px solid #DDD;
	border-bottom:none;
	border-top:none;
	padding:10px 10px 5px;
}
.block ul{
	margin-left:8px;
}
.block li.current > a{
	color:#E47911;
	font-weight:bold;
}

/* Category */
.category{
	padding:0;
}
.category ul{
	margin:0;
}
.category li ul{
	display:none;
}
.category li.active ul{
	display:block;
}
.category li.active{
	background:#F5F5F5;
}
.category li li.active{
	background:#E8E8E8;
}
.category li a{
	background:url(images/arrow.png) no-repeat right center;
	border-bottom:1px solid #CCC;
	color:#000;
	display:block;
	font-weight:bold;
	height:30px;
	line-height:30px;
	padding:0 0 0 10px;
}
.category li ul a{
	color:#004B91;
	font-weight:normal;
}
.category li.active a{
	background:none;
}
.category li.active li a{
	background:url(images/arrow.png) no-repeat 15px center;
	padding-left:30px;
}
.category li.active li li a{
	background:url(images/arrow.png) no-repeat 30px center;
	padding-left:45px;
}
.category li a.active{
	background:#7DACDC url(images/arrow-white.png) no-repeat right center;
	color:#FFF;
	font-weight:bold;
}
.category li li a.active{
	background:#7DACDC url(images/arrow-white.png) no-repeat 15px center;
}
.category li li li a.active{
	background:#7DACDC url(images/arrow-white.png) no-repeat 30px center;
}

/* Information */
.information li{
	list-style:disc inside url(images/bullet_1.png);
}
/* =5 Main
---------------------------------------------------------------------------------------------------------------------*/
.list{
	margin:15px 30px;
}
.list li{
	list-style:disc inside;
}
.main-block{
	background:url(images/main-block-bg.png) no-repeat left bottom;
	padding-bottom:5px;
}
.main-block h2.title{
	background:url(images/main-block-title.png) no-repeat;
	font-size:14px;
	height:32px;
	line-height:32px;
	padding:0 10px;
	text-transform:uppercase;
}
.main-block-content{
	background:#FFF;
	border:1px solid #DDD;
	border-bottom:none;
	border-top:none;
	padding:10px 10px 5px;
}
.subcategory{
	border-bottom:1px dotted #CCC;
	margin-bottom:10px;
	padding-bottom:5px;
}
.subcategory a{
	margin-right:10px;
}
.sort{
	text-align:right;
}
.product-item{
	float:left;
	margin-bottom:20px;
	text-align:center;
	width:20%;
}
.product-item a{
	display:block;
}
.product-item a img{
	border-bottom:3px solid #FFF;
	height:120px;
	width:120px;
	margin-bottom:5px;
}
.product-item a:hover img{
	border-bottom:3px solid #004B91;
}
.product-item span{
	font-weight:bold;
}
.product-item a.add{
	background:url(images/add.png) no-repeat center center;
	display:inline-block;
	height:15px;
	margin-left:3px;
	width:9px;
	text-indent:-5000px;
}
.pagination{
	clear:both;
	text-align:center;
}
.pagination a{
	border:1px solid #CCC;
	margin-right:2px;
	padding:3px 8px;
	text-decoration:none;
	
	/*Do Rounding*/
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
.pagination a:hover{
	background:#004B91;
	color:#FFF;
}
.pagination span{
	margin-right:2px;
	padding:3px 8px;
}
.pagination span.current{
	color:#E47911;
	font-weight:bold;
}
/* Product */
.product-preview{
	float:left;
	margin:0 20px 50px 0;
	width:300px;
}
.product-info{
	line-height:24px;
}
.product-info dt{
	float:left;
	font-weight:bold;
	width:200px;
}
.product-order{
	background:#F7F7F7;
	border:1px solid #CCC;
	float:left;
	width:406px;
}
.product-order > div{
	border-top:1px dotted #CCC;
	padding:10px;
}
.product-order > div:first-child{
	border:none;
}
.product-order span{
	float:left;
	line-height:24px;
	margin-right:3px;
}
.product-order label{
	margin-right:3px;
}
.product-order input[type="text"]{
	width:40px;
}

/* Version */
.product-order .version-list{
	float:left;
	width:338px;
}
.product-order .version{
	float:left;
	margin:0 3px 3px 0;
	position:relative;
}
.product-order .version table{
	background:#FFF;
	border:2px solid #E47911;
	display:none;
	left:0;
	min-width:100%;
	overflow:auto;
	position:absolute;
	top:22px;
	z-index:3;
}
.product-order .version:hover table{
	display:block;
}
.product-order .version th{
	background:#F5FAFE;
	font-weight:bold;
	padding:5px;
	text-align:right;
}
.product-order .version td{
	padding:5px;
}
.product-order .version a{
	background:#FFF;
	border:1px solid #CCC;
	color:#000;
	display:block;
	height:20px;
	line-height:20px;
	margin:1px;
	max-width:330px;
	overflow:hidden;
	padding:0 8px;
	text-decoration:none;
}
.product-order .version:hover a{
	border:2px solid #E47911;
	margin:0;
}
.product-order .version.selected a{
	background:#FFF url(images/selected.png) no-repeat right bottom;
	border:2px solid #E47911;
	margin:0;
}
/* Tabs */
.tabs a{
	background:url(images/tab_item.png) repeat-x;
	border:1px solid #DDD;
	border-bottom:none;
	color:#000;
	display:block;
	float:left;
	font-weight:bold;
	margin-right:3px;
	padding:5px 15px 7px;
	position:relative;
	text-decoration:none;
	top:1px;
}
.tabs a.current{
	padding-bottom:8px;
}
.tab-content{
	border:1px solid #DDD;
	clear:both;
	padding:10px;
}
.tab-block{
	border:1px solid #EEE;
	margin-bottom:20px;
	overflow:auto;
	padding:10px;
}

.tab-block table{
	width:100%;
}
.tab-block td{
	padding:5px;
}

/* Product List */
.product-list .content{
	background:#F7F7F7;
	border:1px solid #CCC;
	margin-bottom:10px;
	padding:10px;
}
.product-list .content .author{
	font-size:16px;
}
.product-list .content .date{
	display:block;
	margin-bottom:10px;
}
.product-list .content p{
	margin-bottom:5px;
}
.product-list .pagination{
	text-align:right;
}
.product-list .reply{
	border-top:1px solid #999;
	color:#F00;
	padding-top:5px;
}

/* Support Block */
.support-block{
	border:1px solid #CCC;
	margin-bottom:10px;
	padding:10px;
	position:relative;
}
.support-block .title{
	display:block;
	font-size:16px;
	margin-bottom:10px;
}
.support-block .info{
	color:#999;
	margin-bottom:5px;
}
.support-block .reply{
	position:absolute;
	right:10px;
	top:10px;
}
.support-block .content{
	margin-bottom:10px;
}

/* Account */
.account-panel{
	border:1px solid #CCC;
	height:200px;
	margin-top:2px;
	padding:10px;
}
.account-panel p{
	margin-bottom:15px;
}

/* Common Table */
.common-table table{
	border:1px solid #EEE;
	margin-bottom:20px;
	width:100%;
}
.common-table th{
	background:#EEE;
	padding:5px;
}
.common-table tbody tr:hover{
	background:#F6F6F6;
}

.common-table td{
	padding:5px;
}
/* Cart Content
-----------------------------------------*/
/* Order Progress */
.order-progress{
	border-bottom:1px solid #EEE;
	height:50px;
	margin-bottom:20px;
	text-align:center;
}
.order-progress li{
	display:inline;
	padding:0 20px;
}
.order-progress a{
	background:url(images/progress-step-inactive.gif) no-repeat center bottom;
	color:#999;
	padding-bottom:25px;
	text-decoration:none;
}
.order-progress li.active a{
	background:url(images/progress-step-active.gif) no-repeat center bottom;
	color:#000;
}

/* Title */
.cart-content .title{
	margin-bottom:5px;
}
.cart-content .title a{
	font-weight:normal;
}

/* Cart Block */
.cart-content .cart-block{
	background:#FEFEFE;
	border:1px solid #EEE;
	margin-bottom:20px;
	overflow:auto;
	padding:10px;
}
.cart-content .cart-block > p{
	margin-bottom:5px;
}

/* Check block */
.cart-content .check-block{
	margin:20px 0;
}

/* Table */
.cart-content table{
	border:1px solid #EEE;
	width:100%;
}
.cart-content th{
	padding:5px;
	width:13px;
}
.cart-content td{
	padding:5px;
}
.cart-content table img{
	height:50px;
}
.cart-content table input[type="text"]{
	padding:0 2px;
	text-align:center;
	width:25px;
}
.cart-content table a.minus,
.cart-content table a.plus{
	cursor:pointer;
	display:inline-block;
	height:9px;
	text-indent:-5000px;
	width:9px;
}
.cart-content table a.minus{
	background:url(images/remove.png) no-repeat;
}
.cart-content table a.plus{
	background:url(images/add.png) no-repeat;
}

/* Total */
.total{
	float:right;
}
.total dl{
	margin-bottom:5px;
}
.total dt{
	display:inline-block;
	text-align:right;
	width:160px;
}
.total dd{
	display:inline-block;
	font-weight:bold;
}

/* Confirm Block */
.confirm-block > div{
	float:left;
	width:50%;
}
.confirm-block dl{
	margin-bottom:20px;
}
.confirm-block dt{
	font-weight:bold;
}

/* Buttons */
.cart-content .buttons{
	border:1px solid #EEE;
	clear:both;
	overflow:auto;
	padding:10px;
}

/* Table */
.table-container table{
	border:1px solid #DDD;
	line-height:1.5;
	width:100%;
}
.table-container th,
.table-container td{
	border:1px solid #DDD;
	padding:2px 5px;
}
.table-container th{
	background:#F5FAFE;
	font-weight:bold;
	text-align:right;
	width:110px;
}

/* Address list */
.address-list table{
	background:#FEFEFE;
	border:1px solid #CCC;
	margin-bottom:10px;
	width:100%;
}
.address-list th{
	padding:3px;
	width:13px;
}
.address-list td{
	padding:3px;
}
.address-list .buttons{
	border:1px solid #CCC;
	padding:5px;
}
.address-list a.button{
	color:#FFF;
}